--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
tests/frontend/StickerView.test.js 59c3a0c47e87e8db699d25b757bb7b599215ddbd (59c3a0c4) Text, 4.03 KB
Tff7b72import Tb4b4b4{ Te6edf3mountTb4b4b4, Te6edf3flushPromises Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3viTb4b4b4, Te6edf3beforeAllTb4b4b4, Te6edf3afterEach Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;
Tff7b72import Te6edf3StickerView Tff7b72from Ta5d6ff"@/components/stickers/StickerView.vue"Tb4b4b4;
Tff7b72const Te6edf3origIntersectionObserver Tff7b72= Tffa657globalThisTb4b4b4.Te6edf3IntersectionObserverTb4b4b4;
Te6edf3beforeAllTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3ctx Tff7b72= Tb4b4b4{
Te6edf3fillStyleTff7b72: Ta5d6ff""Tb4b4b4,
Te6edf3strokeStyleTff7b72: Ta5d6ff""Tb4b4b4,
Te6edf3fillRectTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3clearRectTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3saveTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3restoreTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3translateTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3scaleTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3rotateTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3beginPathTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3closePathTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3moveToTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3lineToTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3arcTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3fillTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3strokeTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3setTransformTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3drawImageTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4,
Te6edf3measureTextTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{ Te6edf3widthTff7b72: T79c0ff0 Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4,
Te6edf3createLinearGradientTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{ Te6edf3addColorStopTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4) Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4,
Te6edf3createRadialGradientTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{ Te6edf3addColorStopTff7b72: Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4) Tb4b4b4}Tb4b4b4)Tb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Te6edf3HTMLCanvasElementTb4b4b4.Te6edf3prototypeTb4b4b4.Te6edf3getContext Tff7b72= Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Te6edf3ctxTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3describeTb4b4b4(Ta5d6ff"StickerView.vue"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Te6edf3itTb4b4b4(Ta5d6ff"renders img for static sticker"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountTb4b4b4(Te6edf3StickerViewTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3srcTff7b72: Ta5d6ff"https://example.invalid/sticker.png"Tb4b4b4,
Te6edf3imageTypeTff7b72: Ta5d6ff"png"Tb4b4b4,
Te6edf3altTff7b72: Ta5d6ff"x"Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"img"Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"video"Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3wTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"renders video for webm"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountTb4b4b4(Te6edf3StickerViewTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3srcTff7b72: Ta5d6ff"https://example.invalid/s.webm"Tb4b4b4,
Te6edf3imageTypeTff7b72: Ta5d6ff"webm"Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"video"Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3wTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"TGS renders placeholder without fetching sticker URL"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3baseFetch Tff7b72= Tffa657globalThisTb4b4b4.Te6edf3fetchTb4b4b4;
Tff7b72const Te6edf3fetchSpy Tff7b72= Te6edf3viTb4b4b4.Te6edf3spyOnTb4b4b4(Tffa657globalThisTb4b4b4, Ta5d6ff"fetch"Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Te6edf3inputTb4b4b4, Te6edf3initTb4b4b4) Tb4b4b4=> Te6edf3baseFetchTb4b4b4(Te6edf3inputTb4b4b4, Te6edf3initTb4b4b4)Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountTb4b4b4(Te6edf3StickerViewTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3srcTff7b72: Ta5d6ff"https://example.invalid/a.tgs"Tb4b4b4,
Te6edf3imageTypeTff7b72: Ta5d6ff"tgs"Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3attachToTff7b72: Tffa657documentTb4b4b4.Te6edf3bodyTb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3flushPromisesTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"img"Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3wTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff".w-full.h-full.flex"Tb4b4b4)Tb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3tgsCalls Tff7b72= Te6edf3fetchSpyTb4b4b4.Te6edf3mockTb4b4b4.Te6edf3callsTb4b4b4.Te6edf3filterTb4b4b4(Tb4b4b4(Te6edf3cTb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3u Tff7b72= Tff7b72typeof Te6edf3cTb4b4b4[T79c0ff0Tb4b4b4] Tff7b72=== Ta5d6ff"string" Tff7b72? Te6edf3cTb4b4b4[T79c0ff0Tb4b4b4] Tff7b72: Tb4b4b4(Te6edf3cTb4b4b4[T79c0ff0Tb4b4b4]Tff7b72?Tb4b4b4.Te6edf3url Tff7b72?? Ta5d6ff""Tb4b4b4)Tb4b4b4;
Tff7b72return Tffa657StringTb4b4b4(Te6edf3uTb4b4b4)Tb4b4b4.Te6edf3includesTb4b4b4(Ta5d6ff"example.invalid/a.tgs"Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3tgsCallsTb4b4b4.Te6edf3lengthTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(T79c0ff0Tb4b4b4)Tb4b4b4;
Te6edf3fetchSpyTb4b4b4.Te6edf3mockRestoreTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3wTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"WebM calls play when in view and pause when out"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72let Te6edf3ioCallbackTb4b4b4;
Tff7b72class Te6edf3MockIntersectionObserver Tb4b4b4{
Tff7b72constructorTb4b4b4(Te6edf3cbTb4b4b4) Tb4b4b4{
Te6edf3ioCallback Tff7b72= Te6edf3cbTb4b4b4;
Tb4b4b4}
Te6edf3observe Tff7b72= Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3disconnect Tff7b72= Te6edf3viTb4b4b4.Te6edf3fnTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tffa657globalThisTb4b4b4.Te6edf3IntersectionObserver Tff7b72= Te6edf3MockIntersectionObserverTb4b4b4;
Tff7b72const Te6edf3playSpy Tff7b72= Te6edf3viTb4b4b4.Te6edf3spyOnTb4b4b4(Te6edf3HTMLVideoElementTb4b4b4.Te6edf3prototypeTb4b4b4, Ta5d6ff"play"Tb4b4b4)Tb4b4b4.Te6edf3mockResolvedValueTb4b4b4(Tff7b72undefinedTb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3pauseSpy Tff7b72= Te6edf3viTb4b4b4.Te6edf3spyOnTb4b4b4(Te6edf3HTMLVideoElementTb4b4b4.Te6edf3prototypeTb4b4b4, Ta5d6ff"pause"Tb4b4b4)Tb4b4b4.Te6edf3mockImplementationTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3w Tff7b72= Te6edf3mountTb4b4b4(Te6edf3StickerViewTb4b4b4, Tb4b4b4{
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3srcTff7b72: Ta5d6ff"https://example.invalid/s.webm"Tb4b4b4,
Te6edf3imageTypeTff7b72: Ta5d6ff"webm"Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3attachToTff7b72: Tffa657documentTb4b4b4.Te6edf3bodyTb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3flushPromisesTb4b4b4(Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3root Tff7b72= Te6edf3wTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$refsTb4b4b4.Te6edf3stickerRootTb4b4b4;
Te6edf3ioCallbackTb4b4b4(Tb4b4b4[Tb4b4b4{ Te6edf3isIntersectingTff7b72: Tff7b72trueTb4b4b4, Te6edf3targetTff7b72: Te6edf3root Tb4b4b4}Tb4b4b4]Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3flushPromisesTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3playSpyTb4b4b4)Tb4b4b4.Te6edf3toHaveBeenCalledTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3ioCallbackTb4b4b4(Tb4b4b4[Tb4b4b4{ Te6edf3isIntersectingTff7b72: Tff7b72falseTb4b4b4, Te6edf3targetTff7b72: Te6edf3root Tb4b4b4}Tb4b4b4]Tb4b4b4)Tb4b4b4;
Tff7b72await Te6edf3flushPromisesTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3pauseSpyTb4b4b4)Tb4b4b4.Te6edf3toHaveBeenCalledTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3playSpyTb4b4b4.Te6edf3mockRestoreTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3pauseSpyTb4b4b4.Te6edf3mockRestoreTb4b4b4(Tb4b4b4)Tb4b4b4;
Te6edf3wTb4b4b4.Te6edf3unmountTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3afterEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tffa657globalThisTb4b4b4.Te6edf3IntersectionObserver Tff7b72= Te6edf3origIntersectionObserverTb4b4b4;
Te6edf3viTb4b4b4.Te6edf3restoreAllMocksTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────